<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>详情页-冀光鑫</title>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<link rel="stylesheet" href="../css/detail.css" />
		<script src="../js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/cookie.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../js/require.js" data-main ="../js/main"></script>
	</head>
	<body>
<!----------------------------------------------shop-(首页右侧的购物车)-------------------------------------------------------->

<div id="right_suspend">
			<a href="#javascript" class="user_msg fl click_user">
				 <div class="my_msg_logo"></div>
				
			</a>
			<a href="#javascript" class="shopping_car fl click_shopping">
				<div class="shopping_logo"></div>
				<p>购物车</p>
				<div class="count"></div>
				<div class="border_1"></div>
			</a>
			<a href="#javascript" class="my_collect click_collect">
				 <div class="my_collect_logo"></div> 
			</a>
			<a href="#javascript" class="look_history click_history">
				<div class="look_history_logo"></div>
				
			</a>
			<a href="#javascript" class="erweima">
				<div class="erweima_logo">
				</div> 
			</a>
			<a href="#" class="serve_people">
				<div class="serve_people_logo">
				</div>
				
			</a>
			<a href="" class="to_top">
				 <div class="to_top_logo"></div>
				 
			</a>
			<div class="user_msg_tip tip">
					<span></span>
					<p>我的信息</p>
			</div> 
			<div class="my_collect_tip tip">
					<span></span>
					<p>我的收藏</p>
			</div>
			 <div class="look_history_tip tip">
					<span></span>
					<p>浏览历史</p>
			</div>
			<div class="serve_people_tip tip">
					<span></span>
					<p>我的客服</p>
			</div>	
			<div class="to_top_tip tip">
					<span></span>
					<p>回到顶部</p>
			</div>
			<div class="erweima_tip">
					<span></span>
					<img src="../down-images/erweima.jpg" alt="">
			</div>
			<div class="my_msg_enter fl click_user_detail all_detail">
					<img class="zhiyin fl" src="../down-images/zhiyin.jpg" alt="">
					<div class="enter_form">
						<div class="title">
							<p>会员登录</p>
							<a href="#javascript:void">注册新账号</a>
						</div>
						<div class="tip_enter">密码长度为6-20位字符长度</div>
						 <input type="text" placeholder="用户名/手机号/邮箱" class="enter_user">
						 <input type="password" placeholder="密码" class="enter_password"> 
						 <a class='forget' href="#javascript:void">忘记密码？</a>
						 <a class="enter_enter" href="#javascript:void">登录</a> 
						 <p class="uni_enter">
						 	<span class="sp1"></span>
						 	<span class="sp2">其他账号联合登录</span>
						 	<span class="sp1"></span>
						 </p>
						 <div class="img_list">
								 <a href="#javascript:void"></a>
								 <a href="#javascript:void"></a>
								 <a href="#javascript:void"></a>
								 <a href="#javascript:void"></a>
						 </div>
					</div>
			</div>
			<!---点击每个按钮的时候出来的子页----->
<div class="shopping_detail click_shopping_detail all_detail">
				<div class="shopping_top"> 
					<!--<img class="fl" src="../down-images/zhiyin.jpg"" alt="">-->
					<div class="che"></div>
				</div>
				<div class='shopping_res'>
					<ul></ul>
					<p><i>共</i><span></span><i>件商品,总计:</i><span></span></p>
					<a href="shop.html">查看购物车</a>
				</div>
			</div>
			<div class="my_msg_enter click_collect_detail all_detail">
					<img src="" alt="">
					<div class="enter_form">
						<div class="title">
							<p>会员登录</p>
							<a href="#javascript:void">注册新账号</a>
						</div>
						<div class="tip_enter">密码长度为6-20位字符长度</div>
						 <input type="text" placeholder="用户名/手机号/邮箱" class="enter_user">
						 <input type="password" placeholder="密码" class="enter_password"> 
						 <a class='forget' href="#javascript:void">忘记密码？</a>
						 <a class="enter_enter" href="#javascript:void">登录</a> 
						 <p class="uni_enter">
						 	<span class="sp1"></span>
						 	<span class="sp2">其他账号联合登录</span>
						 	<span class="sp1"></span>
						 </p>
						 <div class="img_list">
								 <a href="#javascript:void"></a>
								 <a href="#javascript:void"></a>
								 <a href="#javascript:void"></a>
								 <a href="#javascript:void"></a>
						 </div>
					</div>
			</div>
			<!--浏览历史-->
			<div class='look_history_detail click_history_detail all_detail'>
					<div class="look_history_detail_top">
						<div class="direction"></div>
						<p>我浏览过的商品</p>
						<a href="#">清空</a>
					</div>
			</div>
</div> 





<!-------------------------------头部--(公共样式css)---------------------------------->
<div id="top-show">
	<div id="top">
			<div class="top_nav"> 
				<div class="logo">
					<img class="fl" src="../down-images/bl_logo_m.png" alt="">
					<p class="fl">百联集团旗下全渠道电商平台</p>
				</div>
				<div class="web">
					<a class="wangz fl" href="#javascript:void">
						<p>网址导航</p><span></span>
					</a>
					<div class="all_net">
						<span></span>
						<li><a href="#javascript">百联集团官网</a></li>
						<li><a href="#javascript">安付宝网</a></li>
						<li><a href="#javascript">第一医药</a></li>
						<li><a href="#javascript">OK会员卡专区</a></li>
					</div> 
				</div> 
				<p class='news'><a href="">消息</a></p>
				<ul>
					<div class="first" href="#javascript:void">
						<span></span>
						<a class="a" href="../html/enter.html">请登录</a>
						<a href="../html/register.html">注册</a>
					</div>
					<a class="no_span" href="#javascript:void"><p>我的订单</p></a>
					<div class="a_div a_div_1">
						<a class="have_span" href="#javascript:void">
							<li>
								<p>我的百联</p>
								<span></span>
							</li>
						</a>
						<div class="My_second" >
							<a href="#javascript">我的订单</a>
							<a href="#javascript">我的评价</a>
							<a href="#javascript">我的积分</a>
							<a href="#javascript">我的收藏</a>
							<a href="#javascript">我的优惠券</a>
						</div> 
					</div>
					
					
					
					<div class="a_div a_div_2">
						<a class="have_span" href="#javascript:void">
							<li><p>充值缴费</p><span></span></li>
						</a>
						<div class="pay_second">
							<span></span> 
							<span class="span"></span> 
							<ul>
								<h3>水电煤缴费</h3>
								<a href="#javascript">缴费首页</a>
								<a href="#javascript">水费缴费</a>
								<a href="#javascript">电费缴费</a>
								<a href="#javascript">燃气缴费</a> 
							</ul> 
							<ul>
								<h3>手机充值</h3>
								<a href="#javascript">手机充值</a>
								<a href="#javascript">流量充值</a>
								<a href="#javascript">更多充值</a> 
							</ul> 
							<ul>
								<h3>其他缴费</h3>
								<a href="#javascript">加油卡充值</a>
								<a href="#javascript">固话/宽带充值</a>
								<a href="#javascript">铁通充值</a>
								<a href="#javascript">有线电视充值</a> 
							</ul> 
							<ul>
								<h3>游戏点卡</h3>
								<a href="#javascript">腾讯Q币充值</a>
								<a href="#javascript">盛大点券充值</a>
								<a href="#javascript">更多游戏</a> 
							</ul> 
						</div>
						
					</div>
					<div class="a_div a_div_3">
						
						
						
						
						<a class="have_span" href="#javascript:void">
							<li><p>客户服务</p><span></span></li>
						</a>
						<div class="serve_second">
							<a href="#javascirpt">在线客服</a>
							<a href="#javascirpt">帮助中心</a>
						</div> 
					</div>
					<div class="a_div a_div_4">
						<a class="have_span" href="#javascript:void">
							<li><p>掌上百联</p><span></span></li>
						</a>
						<div class="hand_second">
							<span></span>
							<span class="span"></span>
							<a class="fl img" href="#javascript"><img  src="../down-images/weixincode.jpg" alt=""></a>
							<a href="#javascript">i百联APP</a>
							<a class="last" href="#javascript">手机购物更方便</a>
						</div> 
					</div>
					<a class="no_span" href="#javascript:void">
						<p>购物车</p>
					</a> 
				</ul>
			</div>
		
			<div class="top_navigation">
				<a href=""><img class="logo" src="../down-images/header-logo.png" alt=""></a>
				<a href=""><img class="hot_sole_logo" src="../down-images/702391661.jpg" alt=""></a>
				<div class="search">
					<div>
						<input type="text" class="txt fl" placeholder="就是这么潮，酷男酷女看过来">
						<a href="#javascript:void" class="btn fl"><img src="../down-images/搜索_搜索.png" alt=""></a>
						<div class="poping">
							<div class="history">历史搜索</div>
							<a href="#javascript"><span></span><p>删除</p></a>
						</div>
					</div> 
					<ul>
						<li><a class="a" href="#javascript:void">中国最牛</a></li>
						<li><a href="#javascript:void">手机</a></li>
						<li><a href="#javascript:void">小米</a></li>
						<li><a href="#javascript:void">苹果</a></li>
						<li><a href="#javascript:void">大米</a></li>
						<li><a href="#javascript:void">三星</a></li>
						<li><a href="#javascript:void">戴森</a></li>
						<li><a href="#javascript:void">飞机</a></li>
						<li><a href="#javascript:void">kindle</a></li>
						<li><a href="#javascript:void">ysl</a></li>
					</ul>
				</div>
				<div class="safe_pay">
					<a href="#javascript:void">
						<p class="fl">安付宝OK卡专区</p>
						<img class="fl" src="../down-images/header-right-icon.png" alt="">
					</a>
				</div>
			</div> 
		</div> 
	
</div>			
<!------------------------------列表页--的nav------------------------------------------------->			
<div id="list-nav">
	<div class="list-nav-wrap">
		    <div class="list-nav-wrap-left">
				<p>所有商品分类 <span></span></p>
				
			<div class="banner-wrap-left">
			  <ul>
				<li class="m1"><a href="#">百联进口 全球购</a><p class="list1"></p></li>
				<li class="m2"><a href="#">生鲜食品</a><p class="list2"></p></li>
				<li class="m3"><a href="#">粮品食油 酒水冲引</a><p class="list3"></p></li>
				<li class="m4"><a href="#">美容护理</a><p class="list4"></p></li>
				<li class="m5"> <a href="#">玩具 母婴</a><p class="list5"></p></li>
				<li class="m6"><a href="#">餐厨用具</a><p class="list6"></p></li>
				<li class="m7"><a href="#">家具家装</a></li>
				<li class="m8"><a href="#">制品 一次性</a></li>
				<li class="mm"><a href="#">手机数码</a></li>
				<li class="mm"><a href="#">运功户外</a></li>
				<li class="mm"><a href="#">汽车用品</a></li>
				<li class="mm"><a href="#">营养滋补</a></li>
				<li class="mm"><a href="#">礼品卡</a></li>
				<li ><a href="#">养生参汤</a></li>
			</ul>
			
			</div>
				
			</div>
		    <div class="list-nav-wrap-right">
				<ul class="bad_ul">	
				  <li><a href="../index.html">首页</a></li>
				  <li><a href="#javascript">生活用品</a></li>
				  <li><a href="#javascript">24H百货</a></li>
				  <li><a href="#javascript">全球购</a></li>
				  <li><a href="#javascript">精品闪购</a></li>
				  <li><a href="#javascript">电器城</a></li>
				  <li><a href="#javascript">奥莱代购</a></li>
				  <li><a href="#javascript">礼品卡</a></li>
			</ul> 
				
			</div>
	</div>
	
</div>			
<!---------------------------------------l列表页上方的小搜索-------------------------------------------------------->		
<div id="second_search">
		<div class="second_search_1">
			<a class="index_a word" href="#javascript">首页</a>
			<p class="index_p word">></p>
			<a class="index_a word" href="#javascript">家用电器</a>
			<p class="home_p word">></p>
			
		
		</div>
</div> 
		
		
<!---------------------------放大镜以及ajax获取的图片---个根据type=---(核心功能)----------------------------------------------->		
<div id="detail">
	<div class="detail-wrap">
		<div class="detail-wrap-left">
		  	<div id="small">
		  		<div class="glass"></div>
		  	</div>
		  	<div id="big"></div>	
		  	
		</div>
		
		<div class="detail-wrap-right">
			<div class="_name"></div>
			<div class="_price">
				<span>销售价:</span>
			</div>
			<div class="delivery">
				<span class="span1">配送：</span>
				<div class="address">
					<span>上海黄浦区</span>
					<div class="dizhi">
						<dl>
							<dd>北京</dd>
							<dd>上海</dd>
							<dd>美国</dd>
							<dd>河北</dd>
							<dd>山东</dd>
							<dd>天津</dd>
							<dd>河北</dd>
						</dl>
						<dl>
							<dd>北京</dd>
							<dd>上海</dd>
							<dd>美国</dd>
							<dd>河北</dd>
							<dd>山东</dd>
							<dd>天津</dd>
							<dd>河北</dd>
						</dl>
						<dl>
							<dd>北京</dd>
							<dd>上海</dd>
							<dd>美国</dd>
							<dd>河北</dd>
							<dd>山东</dd>
							<dd>天津</dd>
							<dd>河北</dd>
						</dl>
						<dl>
							<dd>北京</dd>
							<dd>上海</dd>
							<dd>美国</dd>
							<dd>河北</dd>
							<dd>山东</dd>
							<dd>天津</dd>
							<dd>河北</dd>
						</dl>
						<dl>
							<dd>北京</dd>
							<dd>上海</dd>
							<dd>美国</dd>
							<dd>河北</dd>
							<dd>山东</dd>
							<dd>天津</dd>
							<dd>河北</dd>
						</dl>
						<dl>
							<dd>北京</dd>
							<dd>上海</dd>
							<dd>美国</dd>
							<dd>河北</dd>
							<dd>山东</dd>
							<dd>天津</dd>
							<dd>河北</dd>
						</dl>
					</div>
				</div>
				<span class="span2">99元免运费</span>
			</div>
			<div class="service">
				<span>服务 :</span>
				<p>由百联联华提供发货和售后服务，16:30前下单，预计2017年09月30日到货</p>
				
			</div>
			<div class="number">
				<span>购买数量：</span>
				<div class="jz">
					<input type="button" value="-" />
					<input type="text" class="z"  value="1"/>
					<input type="button"  value="+" />
					
				</div>
			
			</div>
			
			<div class="buy">
				<input type="button" class="buynow" value="立即购买"/>
				<input type="button" class="jiaru" value="加入购物车"/>
				<input type="button" class="collect" value="收藏"/>
			</div>
			<div class="priase">
				<ul>
					<li><span>100%好评</span></li>
					<li>|</li>
					<li><span>109评价</span></li>
					<li>|</li>
					<li><span>评价返积分</span></li>
				</ul>
			</div>
		</div>
	</div>
</div>
		
<!------------------------------------详情页里面的大图介绍部分------------------------->		
<div id="jie">
	<div class="jie-wrap">
		<div class="jie-wrap-left">
			<p>大家都在买</p>
			<ul>
			  <li><img src="../down-images/q3.jpg"/><span>雅莎卡25K96型仿皮本</span> <h4>$20.3</h4></li>
			  <li><img src="../down-images/q1.jpg"/><span>雅莎卡25K96型仿皮本</span> <h4>$20.3</h4></li>
			  <li><img src="../down-images/q2.jpg"/><span>雅莎卡25K96型仿皮本</span> <h4>$20.3</h4></li>
			  <li><img src="../down-images/q3.jpg"/><span>雅莎卡25K96型仿皮本</span> <h4>$20.3</h4></li>
			  <li><img src="../down-images/q4.jpg"/><span>雅莎卡25K96型仿皮本</span> <h4>$20.3</h4></li>
			  <li><img src="../down-images/q3.jpg"/><span>雅莎卡25K96型仿皮本</span> <h4>$20.3</h4></li>
			  <li><img src="../down-images/q4.jpg"/><span>雅莎卡25K96型仿皮本</span> <h4>$20.3</h4></li>
			</ul>
		</div>
		<div class="jie-wrap-right">
			<div class="jie-wrap-right-top">
				<ul>
					<li>商品介绍</li>
					<li>参数及包装</li>
					<li>售后获取</li>
					<li>评价详情（14）</li>
				</ul>
			</div>
			<img src="../down-images/qqqqqqq.jpg"/>
		</div>
	</div>
</div>
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
<!---------------------------------bottom------底部（公共样式）------------------------------------------------------->
	<div id="new_people">
			<ul class="ul_title">
				<a href="#javascript:void"><img src="../down-images/footer-icon-1.png">
					<p>新手入门</p>
				</a>
				<a href="#javascript:void"><img src="../down-images/footer-icon-2.png">
					<p>配送服务</p>
				</a>
				<a href="#javascript:void"><img src="../down-images/footer-icon-3.png">
					<p>支付方式</p>
				</a>
				<a href="#javascript:void"><img src="../down-images/footer-icon-4.png">
					<p>售后服务</p>
				</a>
				<a href="#javascript:void"><img src="../down-images/footer-icon-6.png">
					<p>特色服务</p>
				</a>
			</ul>
			<div class="ul_list">
				<ul>
					<a href="#javascript:void">购物流程</a>
					<a href="#javascript:void">会员介绍</a>
					<a href="#javascript:void">常见问题</a>
					<a href="#javascript:void">发票说明</a>
					<a href="#javascript:void">联系客服</a>
				</ul>
				<ul>
					<a href="#javascript:void">配送范围及运费</a>
					<a href="#javascript:void">配送进度查询</a>
					<a href="#javascript:void">自提服务</a>
					<a href="#javascript:void">商品验货与签收</a>
				</ul>
				<ul>
					<a href="#javascript:void">货到付款</a>
					<a href="#javascript:void">在线支付</a>
				</ul>
				<ul>
					<a href="#javascript:void">退换货政策</a>
					<a href="#javascript:void">退换货流程</a>
					<a href="#javascript:void">退款说明</a>
				</ul>
				<ul>
					<a href="#javascript:void">优鲜集市</a>
					<a href="#javascript:void">生鲜随心订</a>
					<a href="#javascript:void">精选篮筐</a>
					<a href="#javascript:void">全球购</a>
					<a href="#javascript:void">精品闪购</a>
					<a href="#javascript:void">百联到家</a>
				</ul>
			</div>
		</div>
		<div id="bottom">
			<ul class="ul_1">
				<li>
					<a href="#javascript:void">关于我们</a>
				</li>
				<li>
					<a href="#javascript:void">联系我们</a>
				</li>
				<li>
					<a href="#javascript:void">加盟合作</a>
				</li>
				<li>
					<a href="#javascript:void">诚征英才</a>
				</li>
				<li>
					<a href="#javascript:void">友情链接</a>
				</li>
			</ul>
			</br>
			<ul class="ul_2">
				<li>
					<a href="#javascript:void">百联集团有限公司旗下 上海百联全渠道电子商务有限公司版权所有</a>
				</li>
				<li>
					<a href="#javascript:void">客服电话:400-900-8800</a>
				</li>
				<li>
					<a href="#javascript:void">沪ICP备15028847号</a>
				</li>
			</ul>
			</br>
			<a class="change" href="#javascript">
				<p>互联网药品信息服务资质证书编号:沪-(非营业性)-2016-0044</p>
				</br>
			</a>
			<ul class="ul_3">
				<li><img src="../down-images/gongan.png" alt=""><span>沪公网安备31010102002366</span></li>
				<li><img src="../down-images/wangjing.png" alt=""><span>网购大家评</span></li>
				<li><strong><img src="../down-images/gongs.png" alt=""></strong><span>上海工商</span></li>
			</ul>
		</div>
		</div>
		
		
		
		
		
		
	</body>
</html>
<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="../js/detail.js" type="text/javascript" charset="utf-8"></script>-->

